<h3>Draw Point</h3>

<h5>版本一</h5>
<div class="canvas-box">
    <canvas id="myCanvas" width="300" height="300"></canvas>
</div>

<hr />

<h5>版本二</h5>
<ul>
    <li>使用 attribute 变量</li>
</ul>
<div class="canvas-box">
    <canvas id="myCanvas2" width="300" height="300"></canvas>
</div>

<hr />

<h5>版本三</h5>
<ul>
    <li>使用鼠标点击</li>
</ul>
<div class="canvas-box">
    <canvas (click)="onClick($event)" id="myCanvas3" width="300" height="300"></canvas>
</div>

